<template>
	<view class="conteng">
		<!-- 搜索框 -->		
		<view class="search">
			<image src="/static/images/搜索.png" mode="widthFix" class="search-image"></image>
			<input type="text" placeholder="娱乐项目/休闲方式" />
			<button class="find" size="mini" >搜索</button>
		</view>
	</view>

</template>

<script>
	export default {
		name: 'search'
	}
</script>

<style>
	.conteng{
		background-color:lightskyblue;
		border: 1rpx solid aqua;
	}
	.search-image {
		margin-top: 6rpx;
		width: 75upx;
		height: 75upx;
		margin: auto 0 auto 0 20upx;
	}

	.search {
		height: 70upx;
		line-height: 70upx;
		width: 90%;
		display: flex;
		flex-direction: flex;
		background: white;
		border: 2rpx solid lightblue;
		border-radius: 40rpx;
		margin: 5%;
	}
	.find{
		width: 26%;
		background-color: aqua;
		margin: 0.5%;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 60rpx;
	}
	.search input {
		height: 70upx;
		line-height: 70upx;
		width: 100%;
		font-size: 30upx;
		color: black;
	}
</style>